﻿@namespace MudBlazor.Docs.Examples

<MudPaper Width="300px">
    <MudList Clickable="true" @bind-SelectedItem="selectedItem">
        <MudListSubheader>
            Your drink:
            <MudChip Color="Color.Secondary">
                @(selectedItem?.Text ?? "You are dry")
            </MudChip>
        </MudListSubheader>
        <MudListItem Text="Sparkling Water" />
        <MudListItem Text="Teas">
            <NestedList>
                <MudListItem Text="Earl Grey" />
                <MudListItem Text="Matcha" />
                <MudListItem Text="Pu'er" />
            </NestedList>
        </MudListItem>
        <MudListItem Text="Coffees">
            <NestedList>
                <MudListItem Text="Irish Coffee" />
                <MudListItem Text="Double Espresso" />
                <MudListItem Text="Cafe Latte" />
            </NestedList>
        </MudListItem>
    </MudList>
</MudPaper>


@code
{
    MudListItem selectedItem;
}
